<#escape x as x?html>

<SCRIPT type="text/javascript">

$(document).ready(function(){
	$("[name='iconName']").click(function(){
		$("#icon").val($(this).text().replace(/(^\s+)|(\s+$)/g, ""));
	});
});

</SCRIPT>




<div class="row">
	<div class="col-xs-6 col-sm-3">
		<ul class="list-unstyled">
			<li name="iconName">
				<i class="ace-icon fa fa-adjust"></i>
				fa-adjust
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-asterisk"></i>
				fa-asterisk
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-ban"></i>
				fa-ban
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-bar-chart-o"></i>
				fa-bar-chart-o
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-barcode"></i>
				fa-barcode
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-flask"></i>
				fa-flask
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-beer"></i>
				fa-beer
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-bell-o"></i>
				fa-bell-o
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-bell"></i>
				fa-bell
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-bolt"></i>
				fa-bolt
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-book"></i>
				fa-book
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-bookmark"></i>
				fa-bookmark
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-bookmark-o"></i>
				fa-bookmark-o
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-briefcase"></i>
				fa-briefcase
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-bullhorn"></i>
				fa-bullhorn
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-calendar"></i>
				fa-calendar
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-camera"></i>
				fa-camera
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-camera-retro"></i>
				fa-camera-retro
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-certificate"></i>
				fa-certificate
			</li>
		</ul>
	</div>

	<div class="col-xs-6 col-sm-3">
		<ul class="list-unstyled">
			<li name="iconName">
				<i class="ace-icon fa fa-check-square-o"></i>
				fa-check-square-o
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-square-o"></i>
				fa-square-o
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-circle"></i>
				fa-circle
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-circle-o"></i>
				fa-circle-o
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-cloud"></i>
				fa-cloud
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-cloud-download"></i>
				fa-cloud-download
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-cloud-upload"></i>
				fa-cloud-upload
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-coffee"></i>
				fa-coffee
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-cog"></i>
				fa-cog
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-cogs"></i>
				fa-cogs
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-comment"></i>
				fa-comment
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-comment-o"></i>
				fa-comment-o
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-comments"></i>
				fa-comments
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-comments-o"></i>
				fa-comments-o
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-credit-card"></i>
				fa-credit-card
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-tachometer"></i>
				fa-tachometer
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-desktop"></i>
				fa-desktop
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-arrow-circle-o-down"></i>
				fa-arrow-circle-o-down
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-download"></i>
				fa-download
			</li>
		</ul>
	</div>

	<div class="col-xs-6 col-sm-3">
		<ul class="list-unstyled">
			<li name="iconName">
				<i class="ace-icon fa fa-pencil-square-o"></i>
				fa-pencil-square-o
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-envelope"></i>
				fa-envelope
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-envelope-o"></i>
				fa-envelope-o
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-exchange"></i>
				fa-exchange
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-exclamation-circle"></i>
				fa-exclamation-circle
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-external-link"></i>
				fa-external-link
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-eye-slash"></i>
				fa-eye-slash
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-eye"></i>
				fa-eye
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-video-camera"></i>
				fa-video-camera
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-fighter-jet"></i>
				fa-fighter-jet
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-film"></i>
				fa-film
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-filter"></i>
				fa-filter
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-fire"></i>
				fa-fire
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-flag"></i>
				fa-flag
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-folder"></i>
				fa-folder
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-folder-open"></i>
				fa-folder-open
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-folder-o"></i>
				fa-folder-o
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-folder-open-o"></i>
				fa-folder-open-o
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-cutlery"></i>
				fa-cutlery
			</li>
		</ul>
	</div>

	<div class="col-xs-6 col-sm-3">
		<ul class="list-unstyled">
			<li name="iconName">
				<i class="ace-icon fa fa-gift"></i>
				fa-gift
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-glass"></i>
				fa-glass
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-globe"></i>
				fa-globe
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-users"></i>
				fa-users
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-hdd-o"></i>
				fa-hdd-o
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-headphones"></i>
				fa-headphones
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-heart"></i>
				fa-heart
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-heart-o"></i>
				fa-heart-o
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-home"></i>
				fa-home
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-inbox"></i>
				fa-inbox
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-info-circle"></i>
				fa-info-circle
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-key"></i>
				fa-key
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-leaf"></i>
				fa-leaf
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-laptop"></i>
				fa-laptop
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-gavel"></i>
				fa-gavel
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-lemon-o"></i>
				fa-lemon-o
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-lightbulb-o"></i>
				fa-lightbulb-o
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-lock"></i>
				fa-lock
			</li>

			<li name="iconName">
				<i class="ace-icon fa fa-unlock"></i>
				fa-unlock
			</li>
		</ul>
	</div>
</div>
</#escape>